// 导入 重置化文件
@import './reset.scss';

// 定义一些公共的样式或者mixin
.overflow_ellipsis {
    // 限制两行文本，超出显示省略号
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

@mixin multi-ellipsis($lines) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: $lines;

    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

@mixin ellipsis() {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


// 单行显示省略号
.ellipsis {
    @include ellipsis();
}

// 2行显示省略号
.multi-ellipsis--l2 {
    @include multi-ellipsis(2);
}

.flex-c-c {
	display: flex;
	justify-content: center;
	align-items: center;
}
